<template>
  <div class="app-container">
    <ehead index="6"></ehead>
    <uploads type="文件"></uploads>
    <div style="background-color: rgb(239 239 239 / 40%)" class="p-10 c my-10">
      <div class="content">
        <div
          class="text-center"
          style="font-size: 30px; font-weight: 800; line-height: 42px; color: rgb(16 16 16 / 100%)"
        >
          文件二维码生成器，把Word、Excel、pdf、WPS文档等生成二维码
        </div>
        <div class="text-center mt-4" style="font-size: 18px; color: rgb(86 85 85 / 100%)">
          支持各种文件类型，二维码长期有效，还可添加图文、音视频等内容
        </div>
        <el-row class="mt-10">
          <el-col :span="12">
            <div class="">
              <div class="m-2" style="font-size: 20px; font-weight: 600">随时随地，扫码查看文件</div>
              <div class="m-2">
                可以分享文件给好友，二维码长期有效，<br />
                重要文件可设置下载权限，仅在线查看不能下载。
              </div>
              <div class="m-2 mt-8" style="font-size: 20px; font-weight: 600">可灵活组合图文、音视频、表格等内容</div>
              <div class="m-2">
                采用智能转换服务，还原文件实际样式，<br />
                提供普通预览、超清预览两种模式。
              </div>
              <div class="m-2 mt-8" style="font-size: 20px; font-weight: 600">内容样式不错位，预览更清晰</div>
              <div class="m-2">
                上传音视频个数无限制，可自由组合，<br />
                适用于学生教辅、多媒体图书、景区讲解等多种场景。
              </div>
              <div class="m-2 mt-8" style="font-size: 20px; font-weight: 600">扫码后直接查看文件内容</div>
              <div class="m-2">
                单文件二维码扫码后无需任何其他操作，<br />
                可直接查看文件内容，体验更佳。
              </div>

              <div class="m-2 mt-8" style="font-size: 20px; font-weight: 600">关联表单，替代纸质表格管理工作任务</div>
              <div class="m-2">
                可用于出入登记、签到、报名等场景，快速收集数据，也适用于设备巡检、维保、区域巡查等应用，搭建业务系统。
              </div>
            </div>
          </el-col>
          <el-col :span="12">
            <el-row>
              <el-col :span="12">
                <img
                  src="https://ecodestore.oss-cn-beijing.aliyuncs.com/%E6%96%B0%E7%89%88UI%E5%9B%BE%E6%A0%87/pc/file/%E5%9B%BE%E7%89%87%207%401x.png"
                  style="width: 228px; height: 333px; margin: 0 auto"
                />
              </el-col>
              <el-col :span="12">
                <img
                  src="https://ecodestore.oss-cn-beijing.aliyuncs.com/%E6%96%B0%E7%89%88UI%E5%9B%BE%E6%A0%87/pc/file/%E5%9B%BE%E7%89%87%208%401x.png"
                  style="width: 228px; height: 333px; margin: 0 auto"
                />
              </el-col>
            </el-row>
            <el-row style="margin-top: 20px">
              <el-col :span="12">
                <img
                  src="https://ecodestore.oss-cn-beijing.aliyuncs.com/%E6%96%B0%E7%89%88UI%E5%9B%BE%E6%A0%87/pc/file/%E5%9B%BE%E7%89%87%2010%401x.png"
                  style="width: 228px; height: 333px; margin: 0 auto"
                />
              </el-col>
              <el-col :span="12">
                <img
                  src="https://ecodestore.oss-cn-beijing.aliyuncs.com/%E6%96%B0%E7%89%88UI%E5%9B%BE%E6%A0%87/pc/file/%E5%9B%BE%E7%89%87%209%401x.png"
                  style="width: 228px; height: 333px; margin: 0 auto"
                />
              </el-col>
            </el-row>
          </el-col>
        </el-row>
      </div>
    </div>
    <div style="background-color: rgb(255 255 255 / 100%)" class="p-10 c my-10">
      <div class="content">
        <div
          class="text-center"
          style="font-size: 30px; font-weight: 800; line-height: 42px; color: rgb(16 16 16 / 100%)"
        >
          根据业务需求，自由组合内容和功能，创建专属二维码
        </div>
        <div class="text-center mt-4" style="font-size: 18px; color: rgb(86 85 85 / 100%)">
          快速搭建二维码应用，解决你的各类问题
        </div>
        <div>
          <el-row class="mt-10">
            <el-col :span="6">
              <div
                style="
                  width: 281px;
                  height: 188px;
                  padding: 20px;
                  margin: 0 auto;
                  background-color: rgb(255 255 255 / 100%);
                  border-radius: 6px;
                  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 40%);
                "
              >
                <div style="font-size: 20px; font-weight: 800; color: rgb(86 85 85 / 100%); text-align: center">
                  交底资料
                </div>
                <div style="margin-top: 20px; font-size: 18px; color: rgb(86 85 85 / 100%); text-align: left">
                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 工人扫码查看交底文件，收藏后随身携带。
                </div>
              </div>
            </el-col>
            <el-col :span="6">
              <div
                style="
                  width: 281px;
                  height: 188px;
                  padding: 20px;
                  margin: 0 auto;
                  background-color: rgb(255 255 255 / 100%);
                  border-radius: 6px;
                  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 40%);
                "
              >
                <div style="font-size: 20px; font-weight: 800; color: rgb(86 85 85 / 100%); text-align: center">
                  学习资料
                </div>
                <div style="margin-top: 20px; font-size: 18px; color: rgb(86 85 85 / 100%); text-align: left">
                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 学生扫码查看教学资料、课程文档、播放听力材料。
                </div>
              </div>
            </el-col>
            <el-col :span="6">
              <div
                style="
                  width: 281px;
                  height: 188px;
                  padding: 20px;
                  margin: 0 auto;
                  background-color: rgb(255 255 255 / 100%);
                  border-radius: 6px;
                  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 40%);
                "
              >
                <div style="font-size: 20px; font-weight: 800; color: rgb(86 85 85 / 100%); text-align: center">
                  旅游路线介绍
                </div>
                <div style="margin-top: 20px; font-size: 18px; color: rgb(86 85 85 / 100%); text-align: left">
                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 扫码查看旅游行程介绍，景点照片和计划书。
                </div>
              </div>
            </el-col>
            <el-col :span="6">
              <div
                style="
                  width: 281px;
                  height: 188px;
                  padding: 20px;
                  margin: 0 auto;
                  background-color: rgb(255 255 255 / 100%);
                  border-radius: 6px;
                  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 40%);
                "
              >
                <div style="font-size: 20px; font-weight: 800; color: rgb(86 85 85 / 100%); text-align: center">
                  产品说明书
                </div>
                <div style="margin-top: 20px; font-size: 18px; color: rgb(86 85 85 / 100%); text-align: left">
                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 用户需要查看时无需翻找，微信扫码就能看。
                </div>
              </div>
            </el-col>
          </el-row>
        </div>
      </div>
    </div>
    <div style="background-color: rgb(239 239 239 / 40%)" class="p-10 c my-10">
      <div class="content">
        <div
          class="text-center"
          style="font-size: 30px; font-weight: 800; line-height: 42px; color: rgb(16 16 16 / 100%)"
        >
          常见问题
        </div>

        <el-row class="mt-10">
          <el-col :span="12">
            <div class="m-2" style="font-size: 20px; font-weight: 600">支持上传哪些文件格式？</div>
            <div class="m-2">
              所有版本均支持上传 pdf、doc、ppt、xls 等常见的文件格式，但为了保证安全，不支持高风险类型文件。
            </div>
            <div class="m-2 mt-8" style="font-size: 20px; font-weight: 600">上传的文件大小有限制吗？</div>
            <div class="m-2">
              不同版本允许上传的单个文件大小也不同，免费版10MB，基础版100MB，高级版200MB，旗舰版300MB，企业专属版300MB。
            </div>
          </el-col>
          <el-col :span="12">
            <div class="m-2" style="font-size: 20px; font-weight: 600">如何关闭文件的下载？</div>
            <div class="m-2">上传的pdf、doc、ppt、xls等文件默认是允许下载的，也可以关闭文件的下载。</div>
            <div class="m-2 mt-8" style="font-size: 20px; font-weight: 600">文件内容是否有限制？</div>
            <div class="m-2">
              根据国家相关法律法规要求，用户不得上传任何违法或侵犯第三方合法权益的文件，一经发现将会限制二维码的访问或者封禁账号。
            </div>
          </el-col>
        </el-row>
      </div>
    </div>
    <div style="background-color: rgb(255 255 255 / 100%)" class="p-10 c my-10">
      <div class="content">
        <div
          class="text-center"
          style="font-size: 30px; font-weight: 800; line-height: 42px; color: rgb(16 16 16 / 100%)"
        >
          免费即可使用，通过更多应用案例快速创建
        </div>
        <div class="text-center mt-4" style="font-size: 18px; color: rgb(86 85 85 / 100%)">
          我们整理了用户的真实使用案例，并做成了模板，你可以修改内容，快速创建你的二维码
        </div>
        <div class="text-center mt-10">
          <a href="/v3">
            <el-button
              class="mt-10"
              color="#333333"
              size="large"
              style="width: 140px; height: 50px; margin: 0 auto; font-size: 16px"
              >立即使用</el-button
            >
          </a>
        </div>
      </div>
    </div>
    <efoot></efoot>
  </div>
</template>

<script setup>
import uploads from '@/views/components/index/upload.vue';
import ehead from '@/views/components/index/head.vue';
import efoot from '@/views/components/index/foot.vue';
onMounted(() => {});
</script>
<style scoped lang="less">
.content {
  width: 1200px;
  margin: 0 auto;
}
.c {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 60px 20px;
  min-width: 1200px;
}
</style>

